{% extends 'temp.html' %}

{% block type %}
     <div class="row">
          <div class="col-lg-12">
            <div class="card">
              <div class="card-body">

                <div class="edit-avatar">
                  <img src="http://127.0.0.1:8000/media/city/8.jpg" alt="..." style="width: 60px;height: 60px;margin-bottom: 30px;border-radius: 50%;background-color: turquoise;">
                  <div class="avatar-divider"></div>
                  <div class="edit-avatar-content" style="margin: -18px -3px">
                    <button class="btn btn-default">修改头像</button>
                    <p class="m-0">选择一张你喜欢的图片，裁剪后会自动生成264x264大小，上传图片大小不能超过2M。</p>
                  </div>
                </div>
                <hr>
                <form method="post" action="#!" class="site-form">
                  <div class="form-group">
                    <label for="username">用户名</label>
                    <input type="text" class="form-control" name="username" id="username" value="lightyear" disabled="disabled">
                  </div>
                  <div class="form-group">
                    <label for="nickname">密码</label>
                    <input type="text" class="form-control" name="nickname" id="nickname" placeholder="输入您的昵称" value="后台管理模板" disabled="disabled">
                  </div>
                  <button type="submit" class="btn btn-primary">保存</button>
                </form>

              </div>
            </div>
          </div>

        </div>
{% endblock %}

{% block js %}
<script>
   function test(){
       var i ='上传成功';
       alert(i);
      //刷新页面
       location.reload();
   }
</script>
{% endblock %}